<template>
  <div class="whiteBlock">
    <div class="blockHeader" v-show="head">
      <slot name="header"></slot>
    </div>
    <div class="blockContent">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {}
    },
    props: ['head']
  }
</script>

<style scoped lang="less">
  @import "../common/css/flex.css";
  @import "../common/css/vars";
  .whiteBlock{
    background-color:white;
    border-radius: 10px;
    width:92%;
    margin:0 auto;
  }
  .blockHeader{
    background-color: #f2f2f2;
    color:@color-normal;
    font-size:18px;
    padding:16px 20px;
    border-radius: 10px 10px 0 0;
  }
  .blockContent{
    padding:0 0;
  }
</style>
